const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    //放数据
     list:[],
    // 列表数据
    homelist:[],
    //存放浏览的数据
    historylist:[],
    avatarUrl: defaultAvatarUrl,
    // 存储图片到本地
    savedAvatarUrl:"",
    // 是否存在昵称
    nickname: '',
    isFullLogin: false, // 新增：标记“头像+昵称都完成”才是完整登录
    },
   
  //  onChange切换tab
  // 切换tab时更新active
  onChange(e) {
     // 1. 从事件对象的detail中获取真正的标签索引
     const currentIndex = e.detail.index;
    this.setData({ active:currentIndex }, () => {
       // 可选：切换回第0个标签时，若没数据可重新加载
      if (currentIndex === 0 && this.data.homelist.length === 0) {
        console.log(index);
        this.getList();
      }
    });
  },
 
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail;
    if (avatarUrl) {
      wx.setStorageSync('tou', avatarUrl);
      // 判断是否已有昵称
      const hasNickname = !!this.data.nickname; 
      this.setData({
        avatarUrl: avatarUrl,
        savedAvatarUrl: avatarUrl,
        // 若已有昵称，选完头像后立即标记为完整登录
        isFullLogin: hasNickname 
      });
    }
  },

  // 更新名称
  onNicknameChange(e) {
    const nickname = e.detail.value;
    if (nickname) {
      wx.setStorageSync('nickname', nickname);
      this.setData({ nickname });
      // 关键：同时有头像和昵称，才标记为“完整登录”
      const hasAvatar = !!this.data.savedAvatarUrl;
      if (hasAvatar) {
        this.setData({ isFullLogin: true }); // 标记完整登录，才切换区域
      }
    }
  },
   
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getDate()
    // 2. 修正：通过this.data.active获取active，条件成立则加载新闻
    if (this.data.active === 0) {
      this.getList()
    }
     // 读取缓存的头像和昵称，初始化 isFullLogin
  const savedAvatar = wx.getStorageSync('tou');
  const savedNickname = wx.getStorageSync('nickname');
  this.setData({
    savedAvatarUrl: savedAvatar || "",
    nickname: savedNickname || "",
    isFullLogin: !!savedAvatar && !!savedNickname // 关键：初始化完整登录状态
  });
},

tui() {
  // 1. 同时清除头像和昵称缓存（关键：之前漏删昵称）
  wx.removeStorageSync('tou');
  wx.removeStorageSync('nickname'); 
  // 2. 重置所有状态（包括 nickname 和 isFullLogin）
  this.setData({
    avatarUrl: defaultAvatarUrl,
    savedAvatarUrl: "",
    nickname: "", // 清空页面昵称状态
    isFullLogin: false // 强制设为未登录，避免误判
  });
  // 提示用户，增强体验
  wx.showToast({ title: '退出登录成功', icon: 'success' });
},


  
   // 调取接口  自定义函数
   getDate(){
    wx.request({
      url: 'https://tea.qingnian8.com/api/qingnews/category',
      method:'GET',
      header:{
        'access-key':"437634"
      },
      success:res=>{
        // console.log(res.data.data);
        // 渲染数据将数据存入data中  使用箭头函数确保指向当前实例
        this.setData({
         list:res.data.data
        })
      }
    })
  },

  // 调取列表数据
  getList(){
    wx.request({
      url: 'https://tea.qingnian8.com/api/qingnews/newslist',
      method:'GET',
      header:{
        'access-key':"437634"
      },
      success:res=>{
        console.log(res.data.data);
        this.setData({
           homelist:res.data.data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
      // 获取历史存放记录
      const historyt=wx.getStorageSync('key')
     //  修改数据
       this.setData({
     historylist:historyt
  })

  
  // / 2. 同步头像和昵称（原有代码）
  const savedAvatar = wx.getStorageSync('tou');
  const savedNickname = wx.getStorageSync('nickname');
  if (savedAvatar) {
    this.setData({ avatarUrl: savedAvatar, savedAvatarUrl: savedAvatar });
  }
  if (savedNickname) {
    this.setData({ nickname: savedNickname });
  }

  // 3. 同步“完整登录状态”（新增）
  this.setData({
    isFullLogin: !!savedAvatar && !!savedNickname // 头像和昵称都有，才是完整登录
  });
  },
  // 删除
  Dekete(){
    wx.removeStorageSync('key')
    this.setData({
      historylist:[]
   })
  },

  
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})